<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="res/index/index.css"></link> -->
    <link rel="stylesheet" href="res/plugin/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    </link>
    <script type="text/javascript" src="res/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="res/plugin/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="res/index/index.js"></script>

    <!-- <style>
      div{
        border: 1px solid #666;
      }
    </style> -->

</head>

<body>
    <!-- <input type="button" id="btn1" value="测试1">

    <div id="div1" class="div1">&copy 1</div>
    <div id="div2" class="div1">2</div>
    <div id="div3" class="div1">3</div>
    <div id="div4" class="div2">4</div>
    <div id="div5" class="div2">5</div>
    <div id="div6" class="div2">6</div>
    <input type="button" id="btn2" value="测试2">

    <form id="fm">
        <label for="username">你叫什么名字?</label>
        <input type="text" id="username" value="">
        </br></br>

        <label for="Q1">你现在学什么课?</label>
        <br><input type="radio" id="Q1" name="Q1" value="A">A.java
        <br><input type="radio" id="Q1" name="Q2" value="B">B.MySql
        <br><input type="radio" id="Q1" name="Q3" value="C">C.html
        <br><input type="radio" id="Q1" name="Q4" value="D">D.css
        <br><br>

        <label for="Q2">你喜欢学什么课?</label>
        <br><input type="checkbox" id="Q2" name="q1" value="A">A.java
        <br><input type="checkbox" id="Q2" name="q2" value="B">B.MySql
        <br><input type="checkbox" id="Q2" name="q3" value="C">C.html
        <br><input type="checkbox" id="Q2" name="q4" value="D">D.css
        <br><input type="button" id="btn3" value="提交">
    </form> -->


    <!-- <a class="btn btn-info" href="javascript:void(0)">我是一个超链接</a>
    <a class="text-danger" href="javascript:void(0)">我是一个超链接</a>
    <a class="bg-info" href="javascript:void(0)">我是一个超链接</a> -->

    
    <!-- <code><pre>
        let a = 1,b = 2;
        let c=a+b;
        alert(c);
    </pre></code>
    <br><br> -->

    <!-- <table class="table table-striped table-bordered table-hover table-condensed"> -->
    <!-- <thead>
            <tr class="success">
                <th>序号</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead> -->
    <!-- <tr class="success">
            <th>序号</th>
            <td>姓名</td>
            <td>年龄</td>
        </tr>
        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>18</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
                <td>19</td>
            </tr>
            <tr>
                <td>3</td>
                <td>王五</td>
                <td>20</td>
            </tr>
        </tbody>
    </table> -->

    <!-- <form>
        <div class="form-group">
            <label for="pwd">Password</label>
            <input type="password" class="form-control" id="pwd" placeholder="Please Input Password">
        </div>
    </form>
    <form class="form-inline">
        <div class="form-group">
            <label for="userName">Name</label>
            <input type="text" class="form-control" id="userName" placeholder="Please Input userName">
        </div>
    </form>
    <form class="form-horizontal">
        <div class="form-group">
            <label for="userEmail" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-10">
                <input type="email" class="form-control" id="userEmail" placeholder="Please Input Email">
            </div>
        </div>
    </form> -->


    <!-- <input type="text" class="form-control" placeholder="Text input">
    <img src="../../网页设计与制作/img/abcd.jpg" class="img-responsive" alt="Responsive image">
    <img src="../../网页设计与制作/img/abcd.jpg" alt="..." class="img-rounded">
    <img src="../../网页设计与制作/img/abcd.jpg" alt="..." class="img-circle">
    <img src="../../网页设计与制作/img/abcd.jpg" alt="..." class="img-thumbnail"> -->


    <!-- <button>
         <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    </button>
    <br> -->

    <!-- Button trigger modal -->
    <!-- <button type="button" class="btn btn-primary btn-lg" data-backdrop="static" data-toggle="modal" data-target="#myModal">
        登录界面
    </button> -->

    <!-- Modal -->
    <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">用户登录</h4>
                </div>
                <form id="fm_login">
                <div class="modal-body">

                    <span class="glyphicon glyphicon-user" aria-hidden="true"> 账号:</span>
                    <input type="text" name="username" id="username" class="form-control" placeholder="请输入账号">

                   <span class="glyphicon glyphicon-lock" aria-hidden="true"> 密码:</span>
                   <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码">
                   
                </div>
                </form>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button id="btn_login" type="button" class="btn btn-primary">登录</button>
                </div>
            </div>
        </div>
    </div> -->




</body>

</html>